<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/jsp/common/taglibs.jsp"%>
<%@ include file="/WEB-INF/jsp/common/meta.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<link rel="stylesheet" href="${ctx}/res/js/thirdParty/zTree_v3/css/zTreeStyle/zTreeStyle.css" type="text/css">
<style>
.vdiInfoCreateSpan {
	background-color : lightGray;
	width : 100%;
	line-height : 25px;
	font-size : 14px;
	font-weight : bold;
}
.divToolbar {
	line-height: 30px;
	text-align: left;
	width: 250px;
	margin-top: 30px; 
	margin-bottom: 5px;
}

 .menuContent {
	border:1px solid black;
	display:none;
	background-color:white;
	height:300px;
	position:absolute;
	z-index:9999;
	overflow:auto;
} 

.treeScroll {
	width: 250px;
	height:400px;
	overflow: auto;
}

.divButton {
	margin: 0 2px 0 2px;
	padding: 1px 1px 1px 1px;
	min-width: 65px;
}
.td_for_textarea{
 width: 300px;
}
.ztree li span.button.iconComputer_ico_docu{
    background-image: url(${ctx}/res/img/vdi_icon.png);
    margin-right:5px;
}
</style>
	<script type="text/javascript" src="${ctx}/res/js/thirdParty/zTree_v3/js/jquery.ztree.core-3.5.js"></script>
	<script type="text/javascript" src="${ctx}/res/js/thirdParty/zTree_v3/js/jquery.ztree.exedit-3.5.js"></script>
	<script type="text/javascript" src="${ctx}/res/js/thirdParty/zTree_v3/js/jquery.ztree.excheck-3.5.js"></script>
	<script type="text/javascript" src="${ctx}/res/js/business/vdiManagementSystem/firewallManagement/addOrUpdateFireWall.js"></script>
	<script type="text/javascript">
		fireWallObj.op = '${op}';
		fireWallObj.fireWallID = '${fireWallID}'; 
		fireWallObj.vdiId = '${vdiId}';
		
	</script>

</head>
<body>	
	<div id="form_data" class="form_data" style="min-height:630px;">
		<div style="height: 30px; width:100%">
		<p></p>
		<p></p>
		<center>
		<div style="width:70%;">
		<p></p>
		<p></p>
		<p></p>
		<p></p>
		<table class="VDIAddTable">
			<tbody>
			<tr>
				<td style='padding-bottom:0px;padding-top:0px'>
				  <table class='list_grid'>
				  <thead>
				   <tr>
						<th title='VDI IP'>VDI IP</th>
						<th title='Target IP'>Target IP</th>
						<th title='Direction'>Direction</th>
						<th title='EndDate'>Date</th>
						<th title='Protocol'>Protocol</th>
						<th title='Port'>Port</th>
						<th title='Remark'>Remark</th>
						<th title='operation'>Operation</th>
						<th style="width: 1px;"></th>
					</tr>
					</thead>
				   </table>
				</td>
			</tr>
			<tr>
			  <td style='padding-bottom:0px;padding-top:0px'>
			  	<div class='list_scrollControlDiv' style='height:95px;-ms-overflow-y: auto;'>
			  		<table class='list_grid' style='border-spacing: 0;'>
						<tbody id='tBodyList' class="tBodyList fireWallData" style='border-spacing: 0;'>
						</tbody>
			  		</table>
			  	</div>
			  </td>
			</tr>
			</tbody>
		</table>
	</div>
	</center>
	
		<!-- Fire wall input items -->
		<center>
					<div style="background-color:yellow;">
						<div class="toolButton addFireWallAction" style=";float:right;display:block;margin-right:18%;margin-top:25px">增加</Div>
					</div>
					<div style=";font-size:16px;width:70%;line-height:15px;border-bottom-style:solid;color:lightGray;border-bottom-color:lightgrey;border-bottom-width:2px"><center><span class="copyTitle" style="clear:both;margin-left:16%">Firewall &nbsp;&nbsp;Infomation</span></center></div>
					</center>
					<br/>
					<center>
					
				<table class="fireWallTable" style="clear:both">
					<tr>
						<td class="td_for_label"><label for="equalCheck">DIRECTION</label><span style="color:red">&nbsp;&nbsp;</span></td>
						<td class="td_for_input"><center><label style='width:50px'>FROM</label><input class="equalCheck" type="radio" name="directGroup" style="width:65px" checked value="0"> &nbsp;&nbsp;&nbsp;
						<label>TO</label><input class="equalCheck" type="radio" name="directGroup" style="width:65px" value="1"></center></td>
						<td>
							
						</td>
					</tr>
				
					<tr>
						<td class="td_for_label"><label for="vdiIP">VDI IP</label><span style="color:red">&nbsp*</span></td>
						<td class="td_for_input"><input class="equalCheck" type="text" id="vdiIP" width="130px" readonly="true">
						<div class="vdiIPTree_div menuContent" style = "width: 311px;display:none" >
							<ul id="vdiIPTree_ul" class="ztree" style="margin-top:0;"></ul>
						</div>
						<span class="validate-input-error validate-tooltip validate-tooltip-inner" style="display: none; opacity: 0.8;max-width:80px;position:relative">请输入IP</span>
						</td>
						
						<td class="td_for_label"><label for="tIP">TARGET IP</label><span style="color:red">&nbsp*</span></td>
						<td class="td_for_input"><input class="equalCheck" type="text" id="tIP" width="130px" required value="${user.username }">
						<span class="validate-input-error validate-tooltip validate-tooltip-inner" style="display: none; opacity: 0.8;max-width:80px;position:relative">不能为空</span>
						</td>
					</tr>
					
					<tr>
						<td class="td_for_label"><label for="sDate">START DATE</label><span style="color:red">&nbsp*</span></td>
						<td class="td_for_input"><input type="text" id="sDate" width="130px" readonly>
						<span class="validate-input-error validate-tooltip validate-tooltip-inner" style="display: none; opacity: 0.8;max-width:80px;position:relative">日期格式不正确</span>
						</td>
						
						<td class="td_for_label"><label for="eDate">END DATE</label><span style="color:red">&nbsp*</span></td>
						<td class="td_for_input"><input type="text" id="eDate" width="130px" readonly>
						<span class="validate-input-error validate-tooltip validate-tooltip-inner" style="display: none; opacity: 0.8;max-width:80px;position:relative">日期格式不正确</span>
						</td>
					</tr>
					<tr>
						<td class="td_for_label"><label for="tPort">PORT</label><span style="color:red">&nbsp;&nbsp;</span></td>
						<td class="td_for_input"><input type="text" id="tPort" width="130px" required value="${user.username }" maxLength="5">
						<span class="validate-input-error validate-tooltip validate-tooltip-inner" style="display: none; opacity: 0.8;max-width:120px;position:relative">端口只能为数字</span>
						</td>
						
						<td class="td_for_label"><label for="Proto">PROTOCOL</label><span style="color:red">&nbsp;&nbsp;</span></td>
						<td class="td_for_input"><input type="text" id="Proto" width="130px" required value="${user.username }" maxLength="20">
						<span class="validate-input-error validate-tooltip validate-tooltip-inner" style="display: none; opacity: 0.8;max-width:120px;position:relative">类型不能包含特殊字符</span>
						</td>
					</tr>
					<tr>
						<td class="td_for_label"><label>REMARK</label><span style="color:red">&nbsp;&nbsp;</span></td>
						<td class="td_for_input" colspan=3><textarea id="fireWallRemark" rows="100" cols="50" style="width:770px;height:60px;" maxlength="100"></textarea></td>
					</tr>
				</table>
				</center>
					
					<center>
					<div style="margin-top:10px" class="operationDiv">
						
						
						<div class="toolButton action_VDIInfoSubmit" style="margin-right:5px">提交并生成禀议</div>
						<div class="toolButton addFireWallAction addFireWallAction_editOne" style="display:none">增加</Div>
						<div class="toolButton action_VDICancel"  id="cancelButton" style="margin-left:15px">取消</div>
					</div>
					</center>
					
					<form id="addOrUpdateOpt" method="post" action="${ctx}/userManagement/userList.do">
					
					</form>
					<form id="jumpListPageForm" method="post" action="${ctx}/firewallManagement/firewallList.do">
						<input type="hidden" id="treeNodeId" name="treeNodeId" value="${treeNodeId}"/>
					</form>
		</div>
	</div>
</body>
</html>